<template>
  <div class="gift">
    <div class="gift-top">
      <router-link class="a" to="/selected">精选</router-link>
      <router-link class="a" to="/news">最新</router-link>
      <router-link class="a" to="/luck">送好运</router-link>
      <router-link class="a" to="/boyf">送男友</router-link>
      <router-link class="a" to="/girlf">送女友</router-link>
      <router-link class="a" to="/elder">送长辈</router-link>
      <router-link class="a" to="/fashion">流行时尚</router-link>
      <router-link class="a" to="/skin">彩妆护肤</router-link>
      <router-link class="a" to="/food">爱吃货</router-link>
      <router-link class="a" to="/originality">爱创意</router-link>
      <router-link class="a" to="/friend">送朋友</router-link>
      <router-link class="a" to="/selfsupport">自营精选</router-link>
      <router-link class="a" to="/husband">送老公</router-link>
      <router-link class="a" to="/bestie">送闺蜜</router-link>
      <router-link class="a" to="/business">商务送礼</router-link>
    </div>
  </div>
</template>

<script>
export default {
    methods:{
    }
}
</script>

<style scoped>
.gift-top{
    font-size: 0.16rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: flex;
    overflow-x: auto;
  }

  .gift-top>.a{
    color: black;
    display: block;
    flex-shrink: 0;
    margin: 5px 10px;
  }
  .gift-top> .router-link-active{
   color:palevioletred;
 }
  

</style>